
// <!-- 初始化 Swiper -->

  var swiper = new Swiper(".mySwiper", {
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    pagination: {
      el: ".swiper-pagination",
      clickable :true,
    },
    loop:true,
    autoplay:true,
  });

// API种类
// 获取元素
let list=document.querySelectorAll('.list')
let img=document.querySelectorAll('.list img')
let listp=document.querySelectorAll('.list .listp')
/* let list9=document.querySelector('.list .list9')
let list10=document.querySelector('.list .list10') */
console.log(list,img,listp);

//移入事件
list.forEach(function(dom,i){
    // console.log(1);
    dom.addEventListener('mouseover',function(){
        // console.log(9);
        dom.style.backgroundColor='#1271ef'
        img[i].src=`../images/api0${i+1}-c.svg`
    })
})
//移出事件
list.forEach(function(dom,i){
    // console.log(1);
    dom.addEventListener('mouseout',function(){
        // console.log(9);
        dom.style.backgroundColor='#fff'
        img[i].src=`../images/api0${i+1}.svg`
    })
})

// 企业的跑马灯效果
//获取元素

//需求:每隔1500ms,清除上一个firm-top1ative的激活样式(移除active类名),并给下一个firm-top1ative添加激活样式(添加active类名)
let firmTop1ative=document.querySelectorAll('.firm-top1ative')
let firmTop1=document.querySelector('.firm-top1')
console.log(firmTop1);
// console.log(firmTop1ative);

//定义保存上一个firm-top1ative的索引index
let firmindex=0

//开启计时器
let timeid=setInterval(function(){

  //清除上一个firm-top1ative的激活样式
  firmTop1ative[firmindex].classList.remove('active')

  //索引自增
  firmindex++

  //判断-目的达到循环

  if(firmindex===firmTop1ative.length) firmindex=0

  //设置当前firm-top1ative的激活样式
  firmTop1ative[firmindex].classList.add('active')
},1500)

//鼠标移入,关闭计时器
firmTop1.addEventListener('mouseover',function(){
  clearInterval(timeid)
}) 

//鼠标移出继续开启计时器
firmTop1.addEventListener('mouseout',function(){
  timeid=setInterval(function(){

    //清除上一个firm-top1ative的激活样式
    firmTop1ative[firmindex].classList.remove('active')
  
    //索引自增
    firmindex++
  
    //判断-目的达到循环
  
    if(firmindex===firmTop1ative.length) firmindex=0
  
    //设置当前firm-top1ative的激活样式
    firmTop1ative[firmindex].classList.add('active')
  },1500)
})


//返回顶部
//判断当距离大于600的时候显示回到顶部

//获取元素
let inputret=document.querySelector('#inputret')
console.log(inputret);

window.addEventListener('scroll',function(){
    
//获取距离
let scrolllength=document.documentElement.scrollTop
// console.log(scrolllength);
    //判断
    if(scrolllength>=600){
      inputret.style.display='block'
    }else{
      inputret.style.display='none'
    }
})
//点击retop平缓回到顶部
inputret.addEventListener('click',function(){
/*     window.scrollTo({
        top:0,
        behavior:'smooth'
    }) */
     buffer(document.documentElement,{scrollTop:0})
})
